 html, body {
        position: relative;
        height: 100%;
    }

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-container-h {
        width: 100%;
        height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-pagination-h {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.banner1,.banner2,.banner3{
    width:100%;
    height:100%;
    position:absolute;
    top: 0;
    left:0;
    z-index: 0;
    background-size: cover;
    -moz-background-size: cover;
}
.banner_lun{
    width:100%;
    height:100%;
    overflow:hidden;
}
.banner_lun li{
    list-style:none;
    float:left;
}
 .banner1{
     background:url(../images/index4.jpg) no-repeat;
     background-size: cover;
     -moz-background-size: cover;
 }
 .banner2{
     background:url(../images/index2_.jpg) no-repeat;
     background-size: cover;
     -moz-background-size: cover;
 }
 .banner3{
     background:url(../images/index3_.jpg) no-repeat;
     background-size: cover;
     -moz-background-size: cover;
 }